<!DOCTYPE html>
<html>

<head>   
    <meta charset="utf-8">
    <title>
        设备监控
    </title>
    <script src="../../static/js/jquery.js"></script>
    <!-- <script src="../../static/js/echarts.min.js"></script> -->
    <script src="../../static/js/proj-function.min.js"></script>
    <script src="../../static/js/heard-mutilctrl.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../../static/css/all-set.css">
</head>

<body>
    <div class="public">
        <div class="public_heard">
            <a id="link_to_device" href="#">设备监控</a>
            <a id="link_to_history" href='#'>历史数据</a>
            <a id="link_to_setting" href='#'>系统设置</a>
            <!-- <a id="link_to_user_setting" href="#">用户设置</a> -->
        </div>
        <div style="visibility: hidden; height: 0px;">
            <label>登录用户ID: </label>
            <label id="user_id">{{user_id}}</label>
        </div>
       
        <div class="public_body">
            <div class="public_table">
                <table>
                    <thead>
                        <th>设备ID</th>
                        <th>设备名称</th>                        
                        <th>当前状态</th>
                        <th>设备描述</th>
                        <th>最新数据</th>
                        <th>下载</th>
                    </thead>
                    {% for device in device_list %}
                    <tr class="item_list">
                        <td>{{device.device_node_id}}</td>
                        <td>{{device.name}}</td>
                        <td>{{device.status}}</td>
                        <td>{{device.description}}</td>
                        <td>             </td>
                        <td>
                            <!-- <a href="/api/download_file/?file_path=F:\AcqCloud\2018-5-9\test\testjango\upload\1\2018_0509_17\maple-ch02.pdf">下载</a> -->
                            <a class="link_download" href="#">下载</a>
                            <!-- <button class="button_download">下载</button> -->
                        </td>
                    </tr>
                    {% endfor %}
                </table>
            </div>
            <div class="from_paging">
                <button class="btn" id="prev_page" onclick="pageClick(1)">上一页</button>
                第
                <span id="current_page">{{ page_id }}</span>/
                <span id="total_page">{{ page_num }}</span>页
                <button class="btn" id="next_page" onclick="pageClick(2)">下一页</button>
            </div>
            <div class="charts">
                <!-- <script src="../../static/js/charts-device.js"></script> -->
                <script src="../../static/js/device-mutilctrl.js"></script> 
            </div>
        </div>
    </div>
</body>

</html>